<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Fish Reader - Thay thế mới cho Google Reader</title>
        <link href="css/app.css" rel="stylesheet"/>
        <link rel="shortcut icon" href="img/feed-icon-28x28.png"/>
    </head>

    <body>
        <div id="header">
            <div class="container">
                <div id="top-logo" class="float-left logo"></div>
                <div id="navigation" class="float-right">
                    <ul>
                        <li><a class="active" href="index.action">Trang chủ</a></li>
                        <li><a href="beginRegister.action">Đăng ký</a></li>
                        <li><a href="doLogin.action">Đăng nhập</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="content">
            <div class="container san-serif-font">
                <div class="login-head">
                    <h3>FISH READER</h3>
                </div>
                <div style="font-size: x-large" align="center">
                    <p>Ứng dụng đọc và quản lý RSS tiện dụng nhất</p>
                    <p>Giao diện thân thiện và 100% thuần Việt</p>
                    <p><img src="img/logo_1.png"/></p>
                    <p>Hãy xây dựng trang thông tin cho riêng bạn</p>
                </div>
                <div class="login-head">
                    <h3>Tổng quan chức năng
                        <input id="btChucNang" type="submit" class="big-nice-button" value="Ẩn/Hiện nội dung"/>
                    </h3>

                </div>
                <div id="divChucNang" hidden="true" style="font-size: x-large">
                    <ul>
                        <li><a href="beginRegister.action">Đăng ký</a> dễ dàng.</li>
                        <li>Nhập và đọc rss với 1 cú click chuột.</li>
                        <li>Quản lý tài khoản và feed trực quan.</li>
                        <li>Hãy <a href="login.html">đăng nhập</a> ngay để đến với thế giới thông tin của bạn.</li>
                    </ul>
                </div>
                <div class="login-head">
                    <h3>
                        Hướng dẫn sử dụng
                        <input id="btHuongDan" type="submit" class="big-nice-button" value="Ẩn/Hiện nội dung"/>
                    </h3>

                </div>
                <div id="divHuongDan" hidden="true" style="font-size: large">
                    <ul>
                        <li>Ứng dụng yêu cầu người dùng phải <a href="login.html">đăng nhập</a></li>
                        <li>Thanh tiêu đề sau khi đăng nhập sẽ tự động cập nhật các chức năng cho bạn.</li>
                        <p><img src="img/menuBar.PNG"/></p>
                        <li>Trang chủ sẽ chứa danh sách feed của bạn và thông tin về các feed hot</li>
                        <p><img src="img/user-feed-list.JPG"></p>
                        <li>Bấm vào một feed cụ thể để xem tin tức được</li>
                        <p><img src="img/feed-list-loaded.JPG"/></p>
                        <li>Bạn cũng có thể tự thêm feed cho mình theo ý muốn</li>
                        <p><img src="img/addFeed.png"/></p>
                        <li>Chọn <img src="img/danhSachFeed.png"/> để hiển thị các thông tin về tất cả feed có trong cơ sở dữ liệu</li>
                        <p><img src="img/feedList2.JPG"></p>
                        <li>Bạn có thể thêm feed mới vào danh sách của mình bằng cách nhấn vào nút <img src="img/btAddFeed.png"/></li>
                        <li>Bấm vào tên của bạn để chuyển đến trang quản lý cá nhân</li>
                        <p><img src="img/accountInfo.png"/></p>
                        <li>Tại trang cá nhân, bạn có thể sửa thông tin hoặc gỡ feed của mình bằng cách bấm vào nút <img src="img/btRemoveFeed.png"/></li>
                        <li>Bạn cũng có thể gửi góp ý cho chúng tôi thông qua công cụ <img src="img/gopY.png"/></li>
                        <p><img src="img/formGopY.png"/></p>
                        <li style="font-size: x-large"><img src="img/logo.png"/> - HÃY SỬ DỤNG VÀ CẢM NHẬN THEO CÁCH CỦA BẠN</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <script type="text/javascript">
            var divCN = document.getElementById("divChucNang");
            var divHD = document.getElementById("divHuongDan");
            var btCN = document.getElementById("btChucNang");
            var btHD = document.getElementById("btHuongDan");

            btCN.onclick=function(){
                showHide(divCN);
            };
            btHD.onclick=function(){
                showHide(divHD);
            };

            function showHide(divTag){
                divTag.hidden=!divTag.hidden;
            }
        </script>
        <div class="clearfix"/>
        <div id="footer" class="text-center">
            <div class="container">
                <div class="float-left logo"></div>
                <div id="footer-info" class="float-right text-right"> Nhóm 5. Lớp SE 60572 <br/>
                    Phạm Huy Hoàng. Nguyễn Minh Thức. Trần Hữu Khánh <br/>
                    XML Course. GV: Kiều Trọng Khánh <br/>
                </div>
            </div>
        </div>
    </body>
    <script type="text/javascript" src="js/ajaxLogin.js"></script>
</html>
